$(function () {
    // 发起ajax请求 获得数据渲染下拉列表
    $.ajax({
        type: 'get',
        url: BigNew.category_list,
        success: function (backData) {
            if (backData.code == 200) {
                let data = backData.data;
                // 利用模板引擎 生成结构标签
                $('#selCategory').html(template('tpl-category', data));
            }
        }
    });

    let selPage;
    // 封装函数，获得文章数据
    function loadData(page) {
        // 发起ajax请求 获得文章数据
        $.ajax({
            type: 'get',
            url: BigNew.article_query,
            data: {
                type: $('#selCategory').val(),
                state: $('#selStatus').val(),
                page: page, // 传入调用的实参
                perpage: 6
            },
            success: function (backData) {
                // console.log(backData.data);
                if (backData.code == 200) {
                    // 判断是否有数据
                    if (backData.data.totalCount > 0) {
                        let data = backData.data.data;
                        $('tbody').html(template('tpl-content', data));

                        // 加载数据前，先摧毁
                        $('#pagination').twbsPagination('destroy');
                        // 渲染数据后，加载分页导航
                        $('#pagination').twbsPagination({
                            totalPages: backData.data.totalPage,
                            startPage: page,
                            visiblePages: 10,
                            initiateStartPageClick: false,
                            first: '首页',
                            prev: '上一页',
                            next: '下一页',
                            last: '尾页',
                            onPageClick: function (event, page) {
                                // 把当前点击的page保存到selPage里
                                selPage = page;
                                // 调用函数，匹配显示的页码与页面内容
                                loadData(page);
                            }
                        });
                    } else {
                        // 没有数据，清空表格
                        $('tbody').empty();
                        // 移除分页导航，提示文本
                        $('#pagination').html('无文章数据，敬请期待...');
                    }
                }
            }
        })
    }
    // 首次加载显示默认页
    loadData(1);

    // 设置筛选按钮点击事件
    $('#btnSearch').on('click', function (e) {
        e.preventDefault();
        console.log($('#selStatus').val());
        loadData();
    });

    // 设置删除按钮委托事件
    $('tbody').on('click', '.delete', function () {
        // 点击按钮获取当前按钮id
        let dataId = $(this).attr('data-id');
        // 发起ajax请求 删除文章数据
        $.ajax({
            type: 'post',
            url: BigNew.article_delete,
            data: {
                id: dataId
            },
            success: function (backData) {
                if (backData.code == 204) {
                    $('#myModal').modal();
                    $('.modal-body p').text(backData.msg);
                    $('#myModal').on('hidden.bs.modal', function (e) {
                        // 判断当前页面是否是最后一页最后一条，或者是第一页最后一条
                        if ($('tbody tr').length > 1 || selPage == 1) {
                            // 如果不是最后一页的最后一条，或者是第一页的最后一条
                            // 则传入当前点击的selPage页码，重新加载数据
                            loadData(selPage);
                        } else {
                            // 如果是最后一页最后一条删除了，则把页码自减1，在重新加载数据
                            loadData(--selPage);
                        }
                    })
                }
            }
        })
    })
})